<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		p {
			width: 280px;
			color: #999;
			line-height: 28px;
			padding: 10px;
			background-color: #e3e4e5;
			margin-bottom: 0;
		}
		img {
			width: 280px;
			display: none;	

		}
		.active {
			color: #f10215;
			background-color: white;
		}
	</style>

</head>
<body>
	<div class="box">
		<p>我的京东</p>
		<img src="menu.png" alt="">
	</div>

</body>
<script src="../jquery-3.3.1.min.js"></script>
<script>

	var p = $("p");

	// var img = $("img");

	

	p.mouseover(function(){

		// console.log(img)

		// $("img").css("display","block");

		$("img").attr("display","block");

		console.log($("img"));

		$("img").slideDown(1000);

		console.log(1);

	})

	p.mouseout(function(){

		// console.log(img)

		// $("img").css("display","none");

		$("img").attr("display","none");

		$("img").slideUp(1000);

	})
</script>
</html>